<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 事件流  从页面中接受到事件的顺序-->
		<!-- 捕获阶段 处理阶段 冒泡阶段 -->
		
		
		<!-- DOM0级 -->
		<!-- 方法一：HTML内联属性 利用标签中的属性进行事件注册 -->
		<!-- 方式一缺点：耦合度太高 -->
		
		<!-- 方式二：纯js -->
		<!-- DOM级缺陷：相同的事件会被覆盖 不同的事件不会被覆盖  存放的地址会被覆盖  -->
		
		
		
		<!-- DOM2级 -->
		<!-- 事件监听注册方式 -->
		<!-- addEventListener(事件，函数) -->
		
		
		<!-- 事件处理 -->
		<!-- this 获取目标元素的信息 比如单击按钮上的文字
			  如果处理程序函数使用箭头函数的情况 this指代
			  的是定义时候的对象 window对象-->
		
		
		
		
	</body>
	<script type="text/javascript">
		
	</script>
	
	
	
</html>
